<template>
<!--  <div>-->
<!--    <component :is="layout == 'default' ? PcBanner : MbBanner" />-->
<!--  </div>-->
  <div class="w-full skeleton">
     <img src="@/assets/images/aff-home-banner-en.jpg" class="w-full">
  </div>
  <div  v-if="layout == 'mobile'" class="w-full  flex h-10 ">
    <div class="flex-1 border text-sm font-medium text-white text-center leading-10 bg-black">
      <a href="#"> LOGIN </a>
    </div>
    <div class="flex-1  border text-sm font-medium text-white text-center leading-10"
         style="background-color:#9c69ed">
      <a href="#"> JOIN NOW </a>
    </div>
  </div>
</template>

<script setup>
// const PcBanner = resolveComponent('LazyPcBanner');
// const MbBanner = resolveComponent('LazyMbBanner');
  import {
    ref
  } from "vue";

  let layout = useState("layout");

</script>